<template>
  <view class="help-container">
    <!-- #ifndef MP-TOUTIAO -->
    <back-nav-bar title="帮助"></back-nav-bar>
    <!-- #endif -->
    <!-- 内容区 -->
    <view class="content">
      <text class="description">如果您在使用过程中遇到任何问题，可以通过以下方式联系我们：</text>
      <view class="contact-info">
        <text>邮箱：support@example.com</text>
        <text>电话：123-456-7890</text>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 这里可以添加一些初始化逻辑，但目前不需要实际功能
import CustomNavBar from '@/components/custom-nav-bar/custom-nav-bar.vue'
import BackNavBar from '@/components/back-nav-bar/back-nav-bar.vue'
</script>

<style scoped lang="scss">
.help-container {
  background-color: #f5f5f5;
  padding: 20rpx;

  .header {
    background-color: #fff;
    padding: 40rpx;
    text-align: center;
    margin-bottom: 20rpx;
    border-radius: 8rpx;
    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);

    .title {
      font-size: 36rpx;
      color: #333;
      font-weight: bold;
    }
  }

  .content {
    background-color: #fff;
    padding: 20rpx;
    border-radius: 8rpx;
    box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
    margin-bottom: 20rpx;

    .description {
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 20rpx;
    }

    .contact-info {
      font-size: 28rpx;
      color: #333;

      text {
        display: block;
        margin-bottom: 10rpx;
      }
    }
  }
}
</style>
